<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="root"></div>
</body>
<script src="data.js"></script>
<script>
    // 重排重绘
	console.time();
    const root = document.querySelector("#root");
	data.forEach(function(item){
		root.innerHTML += `
		    <div>
		        <h3>${item.nm}</h3>
		        <p>${item.desc}</p>
		        <img height="100" src="${item.img}" alt="">
		        <hr/>
            </div>
		`;
    });
	console.timeEnd();
</script>
</html>